import { getUsersApi } from '../api';

export default {
    namespaced: true,
    state: {
        // 某一页的数据
        users: [
            {
                id: 0,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 1,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 1,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 2,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 2,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 2,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 3,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 1,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 4,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 1,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 5,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 1,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 6,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 1,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
            {
                id: 7,
                username: '张三',
                password: '123456',
                // 1 表示正常 2 表示禁用
                status: 1,
                create_time: '2023/8/28',
                update_time: '2023/8/29 14:00 pm'
            },
        ],

    },
    actions: {
        // 向服务端请求用户列表（分页）
        getUsers(context, pageData) {
            // 传入当前页码、单页数据数目（可能需要处理）
            getUsersApi(pageData).then(val => {
                context.commit('GET_USERS', val);
            }).catch(err => {
                console.log(err);
            })
        },
        // 修改用户状态
        saveUserStatus(context, id) {
            // saveUserStatusApi(id).then(() => {
            //     context.commit('SAVE_USER_STATUS', id);
            // }).catch(err => {
            //     console.log(err);
            // })

            // 实际发送请求后以下代码删除
            context.commit('SAVE_USER_STATUS', id);
        }
    },
    mutations: {
        GET_USERS(state, value) {
            state.users = value;
        },
        SAVE_USER_STATUS(state, value) {
            state.users.forEach(user => {
                if (user.id === value) {
                    user.status = (user.status === 1 ? 2 : 1);
                }
            });
        }
    }
}